<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<script>
			// fetch 是一个新的发送网络请求的 API，可以理解为是 xhr 的升级版本
			// 但是他们是两个东西，fetch 的出现是为了取代 xhr
			// fetch 基于 Promise，天生不存在回调地狱问题

			fetch('http://127.0.0.1:3000/data')
				.then((data) => {
					// 第一个 then 是属于 fetch API 的一部分，只要使用了 fetch 发送请求，
					// 必须先写一个 then，返回一个 Promise 实例
					// 服务器返回的数据资源在第二个 then 中接收
					return data.text()
				})
				.then((data) => {
					console.log(data)
				})
				.catch((err) => {
					console.log(err)
				})
		</script>
	</body>
</html>
